<template>
  <div>
    <el-image
      v-for="(item,index) in imageList"
      :key="index"
      :src="item"
      fit="scale-down"
      :class="{vertical:vertical,image:true}"
    ></el-image>
  </div>
</template>

<script>
export default {
  props: {
    vertical: {
      type: Boolean,
      default: false,
    },
    imageList: {
      type: Array,
      default() {
        return [];
      },
    },
  },
};
</script>

<style scoped>
.vertical {
    display: block;
}
.image {
        width: 200px;
        height: 200px;
        border:1px solid rgb(224, 216, 216);
        margin-left: 10px;
        border-radius: 10px;
}
</style>